.index-banner,.index-banner .swiper-wrapper{height: 950px;width: 100%;}
.index-banner .swiper-slide{background: no-repeat center center;background-size: cover;height: 100%;}
.index-banner .swiper-pagination-bullet {border-radius: 10px;transition: width 0.3s ease-in-out;opacity: 0.5;width: 10px;height: 10px;}
.index-banner .swiper-pagination-bullet-active{background: #ffbe00;width:16px;opacity: 1;}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.index-banner .banner-pagination{bottom: 30px;}
.index-banner .warper{position: relative;height: 100%;}
.index-banner .banner-text{position: absolute;left: 0;top: 32%;width: 75%;}
.index-banner .banner-text .btitle{font-size: 37px;font-weight: bold;}
.index-banner .banner-text .btext{line-height: 1.8;font-size: 15px;}
.index-banner .banner-text .btext,.index-banner .banner-text .btn{margin-top: 40px;}
.index-banner .banner-text .white{margin-left: 20px;}
.index-banner .swiper-slide .banner-text{transform:translateX(-200px);opacity:0;transition:all .5s;}
.index-banner .ani-slide .banner-text{transform:translateX(0);opacity:1;}

/*关于我们*/
.about-main{height: 740px;position: relative;}
.about-main .about-right{height: 100%;width: 50%;position: absolute;right: 0;top: 0;z-index: 1;}
.about-main .about-left{height: 100%;position: relative;z-index: 2;}
.about-main .about-left .warper{display: table;width: 100%;height: 100%;}
.about-main .about-left  .warper-main{display: table-cell;vertical-align: middle;}
.about-main .about-left  .warper-content{height: 365px;position: relative;cursor: pointer;display: block;}
.about-main .about-left  .warper-content .icon{position: absolute;z-index: 2;display: none;transition:all .3s;}
.about-main .about-left  .warper-content .icon1{top: 35px;left: 35px;}
.about-main .about-left  .warper-content .icon2{top: 35px;right: 35px;}
.about-main .about-left  .warper-content .icon3{bottom: 35px;left: 35px;}
.about-main .about-left  .warper-content .icon4{bottom: 35px;right: 35px;}
.about-main .about-left  .warper-content .icon5{left: -60px;}

.about-main .w-left,.about-main .w-right{width: 50%;height: 100%;}
.about-main .w-left img{width: 100%;height: 100%;object-fit: cover;}
.about-main .w-right{background-color: #FFF;display: table;}
.about-main .w-right .intro-text{display: table-cell;;vertical-align: middle;padding: 0 50px;color: #666666;line-height: 2;}
.about-main .w-right .intro-text .title{font-size: 24px;margin-bottom: 25px;font-weight: normal;color: #333333;}

/*案例*/
.case-main{height: 390px;}
.case-main .case-left{width: 65%;height: 100%;}
.case-main .case-left .swiper-wrapper{width: 100%;height: 100%;}
.case-main .case-left img{width: 100%;height: 100%;object-fit: cover;}
.case-main .case-right{width:35%;height: 100%;background-color: #f4f4f4;}
.case-main .case-right .right-content{width: 36%;margin: 0 auto;position: relative;top: -40px;z-index: 2;}
.case-main .case-right .c-text1{display: flex;align-items: flex-end;}
.case-main .case-right .c-text1 span{display: block;width: 190px;height: 1px;background-color: #c2c2c2;margin-bottom: 10px;margin-left: 30px;}
.case-main .case-right .c-text2 span{display: block;font-size: 24px;margin-top: 20px;}

/*服务*/
.service-mian{position: relative;}
.service-mian .warper{height: 340px;display: table;width: 100%;}
.service-mian .comm-title{display: table-cell;vertical-align: middle;}
.service-mian img{width: 100%;height: 100%;object-fit: cover;}
.service-mian .text-main{display: table-cell;vertical-align: middle;text-align: center;padding: 0 60px;}
.service-mian .item-text{height: 300px;display: table;width: 100%;}
.service-mian .service-left{width: 65%;display: flex;background-color: #f4f4f4;}
.service-mian .service-left .service-item1{width: 60%;height: 455px;}
.service-mian .service-left .service-item2{width: 40%;}
.service-mian .service-left .service-item2 .item-img{height: 300px;}
.service-mian .service-left .item-text{background-color: #FBC93B;height: 305px;}
.service-mian .service-right{width: 35%;display: flex;position: absolute;top: 0;right: 0;background-color: #f4f4f4;}
.service-mian .service-right .service-item3{width: 48%;}
.service-mian .service-right .service-item3 .item-img{height: 645px;}
.service-mian .service-right .service-item4{width: 52%;height: 530px;}
.service-mian .service-right .service-item4 .item-img{position: relative;display: block;overflow: hidden;}
.service-mian .service-right .service-item4 .item-img:hover .img1{transform: scale(1.2);}
.service-mian .service-right .service-item4 .zw-item4{height: 340px;background-color: #fff;}
.service-mian .service-right .item-text{background-color: #FFF;}
.service-mian .text-main>h3{font-size: 24px;line-height: 1;}
.service-mian .text-main>p{font-size: 16px;}
.service-mian .text-main .line{width: 38px;height: 1px;background-color: #333333;display: inline-block;}
.service-mian .service-right .service-item4 .item-img .img2{width: auto;height: auto;}
/*新闻中心*/
.news-main{background-color: #f4f4f4;}
.news-main .comm-title{text-align: center;}
.news-main .news-list{padding-bottom: 50px;}
.news-main .ul-slide{display: flex;flex-wrap: wrap;justify-content: space-between;}
.news-main .ul-slide .li-item{width:46% ;margin-bottom: 60px;}
.news-main .ul-slide .li-item a{display: flex;color: #333;align-items: center;}
.news-main .ul-slide .li-left{width: 50px;}
.news-main .ul-slide .li-left span{display: block;}
.news-main .ul-slide .li-left .date1{font-size: 48px;line-height: 1;}
.news-main .ul-slide .li-right{width: 84%;}
.news-main .ul-slide .li-right .ntitle{font-size: 20px;font-weight: normal;line-height: 1;}
.news-main .ul-slide .li-right .ntext{color: #666666;margin-top: 15px;height: 50px;}
.news-main .ul-slide .li-line{width: calc(16% - 50px);text-align: center;height: 80px;position: relative;}
.news-main .ul-slide .li-line span{display: inline-block;width: 1px;height: 80px;background-color: #919191;}
.news-main .ul-slide .li-right .ntitle:before{display: inline-block;width: 0;background-color: transparent;content: "";height: 1px;vertical-align: middle;transition-duration: .3s;}
.news-main .ul-slide .li-line:after{position: absolute;display: inline-block;width: 0;background-color: #919191;content: "";height: 1px;top: 6px;margin-left: -10px;transition-duration: .3s;}
.news-main .ul-slide .li-item a:hover .ntitle:before{width: 60px;}
.news-main .ul-slide .li-item a:hover .li-line:after{width:70px;}
.news-detail .return-list{text-align: center;}
.news-pagination .swiper-pagination-bullet{opacity: 1;background-color: transparent;width: 18px;height: 18px;position: relative;border: 1px solid transparent;}
.news-pagination .swiper-pagination-bullet:after{width: 8px;height: 8px;background-color:#dcdcdc;content: "";display: block;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.news-pagination .swiper-pagination-bullet-active{border: 1px solid #DCDCDC;}

@media only screen and (min-width:1200px ) {
	.about-main .about-left  .warper-content:hover .icon{display: block;}
	
}

@media only screen and (max-width:1680px ) {
	.index-banner,.index-banner .swiper-wrapper{height: 830px;}
	.index-banner .banner-text .btitle{font-size: 32px;}
	.index-banner .banner-text .btext, .index-banner .banner-text .btn{margin-top: 30px;}
	.about-main .w-right .intro-text .title{font-size: 22px;margin-bottom: 20px;}
	.case-main{height: 380px;}
	.service-mian .text-main{padding: 0 40px;}
	.service-mian .text-main>h3{font-size: 22px;}
	.service-mian .warper,.service-mian .service-right .service-item4 .zw-item4{height: 320px;}
	.service-mian .service-right .service-item3 .item-img{height: 625px;}
	.news-main .ul-slide .li-left .date1{font-size: 42px;}
	.news-main .ul-slide .li-right .ntitle{font-size: 18px;}
}

@media only screen and (max-width:1440px ) {
	.index-banner,.index-banner .swiper-wrapper{height: 715px;}
	.index-banner .banner-text .btitle{font-size: 28px;}
	.index-banner .banner-text .btext, .index-banner .banner-text .btn{margin-top: 20px;}
	.about-main{height: 700px;}
	.about-main .about-left .warper-content{height: 350px;}
	.about-main .w-right .intro-text .title{font-size: 20px;}
	.about-main .w-right .intro-text{padding: 0 40px;}
	.about-main .about-left .warper-content .icon5{left: -40px;}
	.about-main .about-left .warper-content .icon5 img{width: 15px;}
	.case-main{height: 360px;}
	.case-main .case-right .c-text2 span{font-size: 20px;}
	.service-mian .warper, .service-mian .service-right .service-item4 .zw-item4{height: 300px;}
	.service-mian .item-text{height: 240px;}
	.service-mian .service-left .service-item1{height: 350px;}
	.service-mian .service-left .item-text{height: 245px;}
	.service-mian .service-left .service-item2 .item-img{height: 240px;}
	.service-mian .service-right .service-item3 .item-img{height: 545px;}
	.service-mian .text-main{padding: 0 30px;}
	.service-mian .text-main>h3{font-size: 18px;}
	.service-mian .text-main>p{font-size: 14px;}
	.news-main .ul-slide .li-left .date1{font-size: 38px;}
	.news-main .ul-slide .li-left span{font-size: 12px;}
	.news-main .ul-slide .li-right .ntitle{font-size: 16px;}
	.news-main .ul-slide .li-right .ntext{font-size: 13px;height: 46px;margin-top: 12px;}
	.news-main .ul-slide .li-line,.news-main .ul-slide .li-line span{height: 70px;}
}

@media only screen and (max-width:1366px ) {
	.index-banner,.index-banner .swiper-wrapper{height: 675px;}
	.index-banner .banner-text .btitle{font-size: 20px;}
	.index-banner .banner-text .btext, .index-banner .banner-text .btn{font-size: 12px;}
	.about-main{height: 660px;}
	.about-main .about-left .warper-content{height: 300px;}
	.about-main .about-left .warper-content .icon img{width: 12px;height: auto;}
	.about-main .w-right .intro-text .title{font-size: 18px;margin-bottom: 15px;}
	.about-main .about-left .warper-content .icon5 img{width: 12px;}
	.about-main .w-right .intro-text{font-size: 12px;}
	.about-main .w-right .intro-text .title{font-size: 16px;margin-bottom: 10px;}
	.case-main .case-right .c-text1>img{width: 15px;}
	.case-main .case-right .right-content{top: -20px;}
	.case-main .case-right .c-text2 span{font-size: 18px;margin-top: 15px;}
	.service-mian .text-main>h3{font-size: 16px;}
	.service-mian .text-main>p{font-size: 12px;}
	.service-mian .warper, .service-mian .service-right .service-item4 .zw-item4{height: 280px;}
	.service-mian .service-left .service-item1{height: 320px;}
	.service-mian .service-left .item-text{height: 210px;}
	.service-mian .service-left .service-item2 .item-img{height: 205px;}
	.service-mian .item-text{height: 205px;}
	.service-mian .service-right .service-item3 .item-img{height: 490px;}
	.news-main .ul-slide .li-left .date1{font-size: 34px;}
	.news-main .ul-slide .li-right .ntext{font-size: 12px;height: 42px;}
	.news-main .ul-slide .li-item{margin-bottom: 50px;}
}

@media only screen and (max-width:1200px ) {
	.index-banner .banner-text{left: 20px;}
	.about-main{height: 600px;}
	.about-main .about-left .warper{width: calc(100% - 40px);}
	.about-main .about-left .warper-content .icon5{display: none;}
	.about-main .about-left .warper-content .icon{display: block;}
	
}

@media only screen and (max-width:1024px ) {
	.index-banner,.index-banner .swiper-wrapper{height: 506px;}
	.case-main{height: 340px;}
	.service-mian .service-left{width: 40%;}
	.service-mian .service-right{width: 60%;}
	.service-mian .service-right .service-item3{width: 60%;}
	.service-mian .service-right .service-item4{width: 40%;}
	.service-mian .service-left .service-item2{width: 100%;}
	.service-mian .service-left .service-item1{display: none;}
}

@media only screen and (max-width:768px) {
	.index-banner,.index-banner .swiper-wrapper{height: 500px;}
	.index-banner .banner-text{width: 60%;}
	.service-mian .comm-title{height: 200px;}
	.service-mian .service-right .service-item3 .item-img{height: 210px;}
	.service-mian .service-right{position: static;}
	.service-mian .warper, .service-mian .service-right .service-item4 .zw-item4{height: auto;}
	.service-mian .service-right .service-item4{height: 415px;display: flex;}
	.about-main .about-right{display: none;}
	.about-main .w-left, .about-main .w-right{width: 100%;}
	.about-main{height: auto;padding: 50px 0;}
	.about-main .about-left .warper-content{height: auto;}
	.about-main .w-right .intro-text{background-color: #F4F4F4;padding: 30px 20px;}
	.about-main .about-left .warper-content .icon{display: none;}
	.case-main{height: 300px;}
	.case-main .case-right .right-content{top: -10px;}
	.case-main .case-left{width: 75%;}
	.case-main .case-right{width: 25%;}
	.news-main .ul-slide .li-item{width: 100%;}
	.news-main .ul-slide .li-item{margin-bottom: 40px;}
	.news-main .ul-slide .li-right .ntext{height: auto;}
	
}

@media only screen and (max-width:640px) {
	.index-banner .banner-text .btitle{font-size: 18px;}
	.index-banner .banner-text .btext{line-height: 1.8;}
	.index-banner .banner-text .btext, .index-banner .banner-text .btn{margin-top: 10px;}
	.index-banner,.index-banner .swiper-wrapper{height: 440px;}
	.index-banner .banner-text{width: 80%;}
	.comm-btn{width: 100px;height: 35px;line-height: 35px;}
	.about-main .w-right .intro-text{padding: 20px 15px;}
	.about-main .about-left .warper{width: calc(100% - 30px);}
	.case-main .case-right{display: none;}
	.case-main .case-left{width: 100%;}
	.service-mian .warper{width: calc(100% - 30px);}
	/*.service-mian>.clearfix{padding: 0 15px;}*/
	.service-mian .service-left,.service-mian .service-right{width: 100%;}
	.service-mian .service-right{flex-direction: column;}
	.service-mian .service-right .service-item3{display: flex;flex-direction: column-reverse;width: 100%;}
	.service-mian .service-right .service-item4{width: 100%;}
	 .service-mian .service-right .service-item4 .zw-item4{display: none;}
	.service-mian .service-right .service-item4 .item-img{width: 100%;}
	.service-mian .service-right .item-text{background-color: #FBC93B;}
	.service-mian .service-left .item-text,.service-mian .item-text{height: 220px;}
	.service-mian .service-right .service-item3 .item-img,.service-mian .service-right .service-item4{height: 250px;}
	.service-mian .service-right .service-item4 .item-img .img2{width: 150px;}
	.news-main .ul-slide .li-left .date1{font-size: 30px;}
	.news-main .ul-slide .li-left{width: 40px;text-align: center;}
	.news-main .ul-slide .li-line{width: calc(16% - 40px);}
	.news-main .ul-slide .li-right .ntitle{font-size: 14px;}
	.news-main .ul-slide .li-line, .news-main .ul-slide .li-line span{height: 65px;}
}

@media only screen and (max-width:480px) {
	/*.index-banner,.index-banner .swiper-wrapper{height: 240px;}*/
}

@media only screen and (max-width:414px) {
	
}

@media only screen and (max-width:375px) {
	
}

@media only screen and (max-width:320px) {
	
}